<template>
	<view>
		<NavBar title="发布攻略"></NavBar>
		<view class="strategy">
			<Upload />
			<u--input border="bottom" placeholder="请填写您的攻略标题" v-model="params.title"></u--input>
			<u--textarea v-model="params.content" placeholder="添加正文" border="none"></u--textarea>
			<u-button shape="circle" color="#85DCD6">发布攻略</u-button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			params: {
				title: '',
				content: ''
			}
		};
	},
	methods: {}
};
</script>
<style>
page {
	background-color: #ffffff;
}
</style>
<style scoped lang="scss">
.strategy {
	margin: 30rpx;
	::v-deep .u-upload__button,
	::v-deep .u-upload__wrap__preview {
		width: 240rpx !important;
		height: 240rpx !important;
		background-color: #e6f8f7;
	}
	::v-deep .u-button--normal {
		position: absolute;
		width: auto;
		bottom: 50rpx;
		left: 30rpx;
		right: 30rpx;
		font-weight: bold;
		font-size: 34rpx;
		color: #333333;
	}
	::v-deep .u-border-bottom {
		border-color: #eeeeee !important;
	}
}
</style>
